<template>
	<div id="publicTel">
		<div class="page__bd" style="height: 100%;">
			<div class="weui-tab">
				<div class="weui-tab__panel">
					<div class="publicTel_top">
						<i class="el-icon-arrow-left" @click="goBack"></i>
						<span class="top_title">{{array.username}}</span>
						<i class="el-icon-more" @click="routerTo(array)"></i>
					</div>
					<div class="weui-tab__panel_bd">

					</div>
				</div>
				<PublicTalkFoot></PublicTalkFoot>
			</div>
		</div>
	</div>
</template>

<script>
	import PublicTalkFoot from '@/components/publics/PublicTalkFoot'
	export default {
		name: 'publicTel',
		data() {
			return {
				array: '',
			}
		},
		methods: {
			goBack() {
				history.back(-1);
			},
			routerTo(array) {
				this.$router.push({
					path: 'TelFunction',
					query: {
						array: array
					}
				})
			},
		},
		created() {
			this.array = this.$route.query.thisitems
		},
		components: {
			PublicTalkFoot
		}
	}
</script>

<style scoped="scoped">
	#publicTel {
		width: 100%;
		height: 100%;
		font-size: 0.14rem;
	}
	
	.publicTel_top {
		width: 100%;
		height: 0.45rem;
		display: flex;
		border: 0.01rem solid gainsboro;
		border-top: none;
		border-left: none;
		border-right: none;
	}
	
	.el-icon-arrow-left {
		width: 0.5rem;
		font-size: 0.3rem;
		margin-top: 0.1rem;
		margin-left: 0.1rem;
		color: black;
		font-weight: bold;
	}
	
	.top_title {
		width: 2.6rem;
		font-size: 0.18rem;
		color: black;
		display: block;
		text-align: center;
		margin-top: 0.1rem;
		font-weight: bold;
	}
	
	.el-icon-more {
		width: 0.5rem;
		font-size: 0.25rem;
		margin-top: 0.5rem;
		text-align: center;
		margin-top: 0.1rem;
	}
</style>